.cbd-navbar-area .navbarExpand{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 calc(.26667rem - 1%);
    z-index: 10000;
    font-size: .426667rem;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cbd-navbar-area .navbarExpand .channels {
    font-size: 17px;
}
.cbd-navbar-area .navbarExpand .channels {
    height: 1.146667rem;
    line-height: 1.146667rem;
    color: #656565;
    letter-spacing: 0;
    text-align: center;
}

.cbd-navbar-area .navbarExpand .navBarContainer {
    width: 100%;
    height: -webkit-calc(100% - 1.14667rem);
    height: calc(100% - 1.14667rem);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: static;
}

.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content {
    min-height: -webkit-calc(100% + .02667rem);
    min-height: calc(100% + .02667rem);
}

.cbd-navbar-area .navbarExpand .navbar-expand-list {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    padding-left: 0;
}

.cbd-navbar-area .navbarExpand .navbar-expand-list li {
    font-size: 15px;
}
.cbd-navbar-area .navbarExpand .navbar-expand-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 23%;
    height: 1.093333rem;
    padding: 0;
    text-align: center;
    margin: 1%;
    line-height: 1.093333rem;
    background-color: #f5f5f5;
    border-radius: .053333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cbd-navbar-area .navbarExpand .navbar-expand-list .link-video {
    position: relative;
}
.cbd-navbar-area .navbarExpand .navbar-expand-list li a {
    text-decoration: none;
    color: #3c3c3d;
}

.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU, .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore {
    padding: .693333rem 0 0;
}

.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .label ,.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .label {
    font-size: 16px;
}

.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .label , .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .label {
    color: #3c3c3d;
    letter-spacing: 0;
    text-align: justify;
    line-height: .426667rem;
    padding-bottom: .453333rem;
    font-weight: 700;
    margin-left: 1%;
}

.cbd-navbar-area .navbarExpand .navbar-expand-list {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    padding-left: 0;
}

.cbd-navbar-area .navbarExpand .navbar-expand-list li {
    font-size: 15px;
}
.cbd-navbar-area .navbarExpand .navbar-expand-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 23%;
    height: 1.093333rem;
    padding: 0;
    text-align: center;
    margin: 1%;
    line-height: 1.093333rem;
    background-color: #f5f5f5;
    border-radius: .053333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cbd-navbar-area .navbarExpand .navbar-expand-list .link-video {
    position: relative;
}
.cbd-navbar-area .navbarExpand .navbar-expand-list li a {
    text-decoration: none;
    color: #3c3c3d;
}

.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .recMore-content , .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .recMore-content {
    margin: 1% 0 0 1%;
}

.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .recMore-content .item , .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .recMore-content .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .506667rem;
    height: 1.146667rem;
    border: .026667rem solid #f5f5f5;
    border-radius: .053333rem;
}

.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .recMore-content .item .tag , .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .recMore-content .item .tag {
    font-size: 15px;
}
.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .recMore-content .item .tag , .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .recMore-content .item .tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 .266667rem;
    margin-right: .533333rem;
    background: #f5f5f5;
    border-radius: .053333rem 0 0 .053333rem;
    color: #3c3c3d;
    letter-spacing: 0;
    text-align: justify;
    line-height: .4rem;
}

.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .recMore-content .item .tag img , .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .recMore-content .item .tag img {
    width: .533333rem;
    padding-right: .133333rem;
}

.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .recMore-content .item .tag a , .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .recMore-content .item .tag a {
    color: #3c3c3d;
}

.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .recMore-content .item .tag a .tag-text , .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .recMore-content .item .tag a .tag-text {
    width: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .recMore-content .item .link ,.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .recMore-content .item .link {
    font-size: 15px;
}
.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .recMore-content .item .link , .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .recMore-content .item .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #656565;
    letter-spacing: -.0088rem;
    text-align: justify;
    line-height: .4rem;
}
.cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recForU .recMore-content .item .link a , .cbd-navbar-area .navbarExpand .navBarContainer .navBarContainer-content .recMore .recMore-content .item .link a {
    color: #656565;
}
.cbd-navbar-area .navbarExpand .navbar-toggle-area {
    font-size: 18px;
}
.cbd-navbar-area .navbarExpand .navbar-toggle-area {
    position: absolute;
    width: 25%;
    height: 1.146667rem;
    line-height: 1.146667rem;
    right: 0;
    top: .1rem;
    text-align: right;
    padding-right: .4rem;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 40;
}

.cbd-navbar-area .navbarExpand .navbar-toggle-area .toggle {
    font-size: 14px;
}

.cbd-navbar-area .navbarExpand .navbar-toggle-area .toggle {
     background-image: url(../../img/icon/20200202222611.png);
    /* background-image: require("@/assets/img/20200202222611.png"); */
    background-size: cover;
    vertical-align: top;
    display: inline-block;
    width: .8rem;
    height: .8rem;
}